@import "./variable.scss";

body,
html {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

p {
  margin: 0;
  padding: 0;
}

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  overflow: auto;
}

.van-cell {
  position: static;
}
// 头部标题全局样式

.header-content {
  width: 100%;
  height: 100%;
  position: relative;

  .header-title {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 9;

    .back {
      width: 100px;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;

      i {
        color: #fff;
        font-size: 50px;
        transform: rotate(180deg);
      }
    }
  }
}

.page-section {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.page-content {
  width: 100%;
  height: calc(100% - 100px);
  overflow: auto;
  background: $bg-gray;
}

.page-switch-fade-enter-active {
  animation: fadeIn 0.3s;
  /*fadeIn-渐隐,pulse-放大,zoomIn-剧烈放大*/
}

.page-switch-fade-leave-active {
  animation: fadeIn 0.3s reverse;
}
@each $item in center, left, right {
  .text-#{$item} {
    text-align: $item;
  }
}
@for $i from 0 through 50 {
  .mx#{$i * 2} {
    margin-right: (0.05rem * $i) !important;
    margin-left: (0.05rem * $i) !important;
  }

  .my#{$i * 2} {
    margin-top: (0.05rem * $i) !important;
    margin-bottom: (0.05rem * $i) !important;
  }

  .mt#{$i * 2} {
    margin-top: (0.05rem * $i) !important;
  }

  .mr#{$i * 2} {
    margin-right: (0.05rem * $i) !important;
  }

  .mb#{$i * 2} {
    margin-bottom: (0.05rem * $i) !important;
  }

  .ml#{$i * 2} {
    margin-left: (0.05rem * $i) !important;
  }
}
@for $i from 0 through 20 {
  .px#{$i * 2} {
    padding-right: (0.05rem * $i) !important;
    padding-left: (0.05rem * $i) !important;
  }

  .py#{$i * 2} {
    padding-top: (0.05rem * $i) !important;
    padding-bottom: (0.05rem * $i) !important;
  }

  .pt#{$i * 2} {
    padding-top: (0.05rem * $i) !important;
  }

  .pr#{$i * 2} {
    padding-right: (0.05rem * $i) !important;
  }

  .pb#{$i * 2} {
    padding-bottom: (0.05rem * $i) !important;
  }

  .pl#{$i * 2} {
    padding-left: (0.05rem * $i) !important;
  }
}

.navIcon {
  .van-icon {
    font-size: 0.8rem;
  }
}

.van-cell {
  line-height: 0.5rem;
  padding: 0.25rem 0.15rem;
}

.searchItem {
  margin: 0.2rem;

  .van-cell {
    padding: 0.1rem 0.15rem;
    box-shadow: 0.06rem 0.06rem 0.06rem 0.06rem #f5f5f5;
    border-radius: 0.5rem;
    line-height: 0.6rem;

    .van-field__value {
      padding: 0 0.2rem;
    }
  }
}

.van-tabbar-item--active {
  color: #EB4446;
}

.van-tab--active {
  color: #EB4446;
}

.van-tab {
  font-size: 0.32rem;
  line-height: 0.8rem;

  .top {
    // font-size: 0.35rem;
    display: inline-block;
  }

  .num {
    font-size: 0.3rem;
    display: inline-block;
    color: #EF696B;
    margin-left: 0.06rem;
  }
}
// .van-tabs__nav div:nth-child(1){
//   justify-content: space-between;
// }

.canlendarStyle {
  .van-button {
    height: 1rem;
  }
}

.van-tag {
  padding: 0.08rem 0.15rem 0.05rem;
  line-height: 0.5rem;
}

.van-tab__text--ellipsis {
  display: inline;
  text-align: center;
}

.van-tabs--line .van-tabs__wrap {
  height: 0.8rem;
}

.van-tabs__line {
  width: 1.2rem;
}

.ground {
  .van-tabs__line {
    width: 1.6rem;
  }
}

.search {
  background-color: white;
  padding-bottom: 0.15rem;
  padding-top: 0.2rem;
}

.distAlign {
  display: flex;
  justify-content: space-between;
}

.van-tabbar {
  height: 1.45rem;
}

.van-tabbar-item__icon img {
  height: 0.6rem;
}

.van-tabbar-item__icon {
  margin-top: 0.15rem;
}

.van-tabbar-item__text {
  padding-bottom: 0.15rem;
}

.actiDetailCell {
  .van-cell {
    padding: 0.2rem 0;
  }
}

.textEllipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.commonContent {
  height: 100%;
  overflow-y: scroll;
  padding: 0.3rem;
}

.color5 {
  color: rgb(153,153,153);
  border: 0.03rem solid rgb(153,153,153);
}

.color10 {
  color: #07c160;
  border: 0.03rem solid #07c160;
}

.color20 {
  color: #EB4446;
  border: 0.03rem solid #EB4446;
}

.statusTagSize {
  width: 1.1rem;
  text-align: center;
  line-height: 1.1rem;
  border-radius: 50%;
  font-size: 0.28rem;
  height: 1.1rem;
  position: absolute;
  right: 0;
  transform: rotate(-45deg);
  z-index: 1000;

  .borderColor5 {
    border-top: 0.02rem solid rgb(153,153,153);
    border-bottom: 0.02rem solid rgb(153,153,153);
  }

  .borderColor10 {
    border-top: 0.02rem solid #07c160;
    border-bottom: 0.02rem solid #07c160;
  }

  .borderColor20 {
    border-top: 0.02rem solid #EB4446;
    border-bottom: 0.02rem solid #EB4446;
  }
}

.van-cell,
.van-tabbar-item {
  font-size: 0.35rem;
}

.van-loading__text {
  font-size: 0.35rem;
}

.van-pull-refresh__head {
  line-height: 1.3rem;
}

.van-field__left-icon .van-icon,
.van-field__right-icon .van-icon {
  font-size: 0.5rem;
}

.dateItem {
  font-size: 0.35rem;
  margin-bottom: 0.2rem;
  border-radius: 0.2rem;
}

.van-tag {
  font-size: 0.3rem;
}

.van-swipe__track {
  width: 100% !important;
}

.my-swipe .van-swipe-item {
  color: #fff;
  text-align: center;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: (100% * 9) / 16;

  .imgDiv {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: inline-block;
  }
}

.cardContent {
  background-color: #fbfcfe;
  padding: 0.3rem;
}

.label {
  font-size: 0.32rem;
  color: #808088;
}

.itemContent {
  line-height: 0.48rem;
}

.title {
  font-weight: bolder;
  font-size: 0.38rem;
  line-height: 0.6rem;
}

.van-list__error-text,
.van-list__finished-text,
.van-list__loading {
  font-size: 0.32rem;
  line-height: 0.5rem;
}

.remark {
  font-size: 0.3rem;
  color: #666666;
}

.map-circle {
  position: absolute;
  height: 0.8rem;
  width: 3.6rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.32rem;
  text-align: center;
  color: #eb4446;
  background: #f8e9e9;
  margin-top: -0.44rem;
  margin-left: -0.44rem;
  line-height: 0.82rem;
  border: 0.01rem solid #eb4446;
}

.map-title {
  display: inline-block;
  width: 1.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.map-text {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.2rem;
}

.map-type {
  display: none;
}

.infoWindow {
  font-size: 0.32rem;
  line-height: 0.4rem;

  .infoWindowGroundImg {
    display: inline-block;
    width: 100%;
    height: (5.5rem * 9) / 16;
    vertical-align: middle;
    margin: auto;
  }

  .moreImg {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    margin-left: 0.1rem;
  }
}

.actiStatus {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
}

.middleDivder {}

.BMap_bubble_pop {
  width: 6rem !important;
  height: 5.46rem !important;
  font-size: 0.35rem !important;
  padding: 0.2rem !important;
  border-radius: 0.15rem !important;

  img {
    top: 5.46rem !important;
  }

  .oneline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .BMap_bubble_top {
    height: 0.6rem !important;

    .BMap_bubble_title {
      height: 0.6rem !important;
      line-height: 0.6rem !important;
      width: 4.8rem !important;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .BMap_bubble_buttons {
      height: 0.6rem !important;
      top: 0.02rem !important;

      div:nth-child(2) {
        width: 0.8rem !important;
        height: 0.8rem !important;

        div {
          font-size: 0.7rem !important;
        }
      }
    }
  }

  .BMap_bubble_center {
    width: 5.5rem !important;
    height: 4.56rem !important;
    border: 0 !important;

    .BMap_bubble_content {
      width: 100% !important;
      height: 100% !important;
    }
  }
}

.BMap_bubble_pop .BMap_bubble_bottom {
  border: 0 !important;
}

.BMap_bubble_pop div:nth-child(3) {
  background: transparent !important;
}

.BMap_bubble_pop div:nth-child(3) div {
  border-radius: 3px;
  background: rgba(0, 0, 0, .8) !important;
  border: 0 !important;
}

.BMap_Marker.BMap_noprint {
  // width:0.5rem !important;
  // height: 0.5rem !important;
}
// .BMap_bubble_pop div:nth-child(1) {
//   border-radius: 3px 0 0 0;
//   background: transparent !important;
//   border: 0 !important;
// }
//
// .BMap_pop div:nth-child(1) div {
//   background: rgba(0, 0, 0, .8) !important;
// }
//
// .BMap_bubble_pop div:nth-child(5) {
//   border-radius: 0 0 0 3px;
//   background: transparent !important;
//   border: 0 !important;
// }
//
// .BMap_bubble_pop div:nth-child(5) div {
//   border-radius: 3px;
//   background: rgba(0, 0, 0, .8) !important;
// }
//
// .BMap_bubble_pop div:nth-child(7) {
//   background: transparent !important;
//   left: 226px;
// }
//
// .BMap_bubble_pop div:nth-child(7) div {
//   border-radius: 3px;
//   background: rgba(0, 0, 0, .8) !important;
// }
